<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <%@page isELIgnored="false" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>修改考勤信息</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link id="bootstrap-style" href="<c:url value="/css/bootstrap.min.css"/>" rel="stylesheet">
	<link href="<c:url value="/css/bootstrap-responsive.min.css"/>" rel="stylesheet">
	<link id="base-style" href="<c:url value="/css/style.css"/>" rel="stylesheet">
	<link id="base-style-responsive" href="<c:url value="/css/style-responsive.css"/>" rel="stylesheet">
	<link href="<c:url value="/css/index.css"/>" rel="stylesheet">
	<link rel="shortcut icon" href="<c:url value="/img/favicon.ico"/>">
	<link href="<c:url value="/css/page.css"/>" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="<c:url value="/css/jquery.datetimepicker.css"/>"/>
	<link href="<c:url value="/css/but.css"/>" rel="stylesheet">
	<script src="<c:url value="/js/jquery-1.9.1.min.js"/>"></script>
	<script src="<c:url value="/js/jquery-migrate-1.0.0.min.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/js/layer/layer.js"/>"></script>
	<script src="<c:url value="/js/laydate/laydate.js"/>"></script>
	<script src="<c:url value="/js/build/jquery.datetimepicker.full.js"/>"></script>
</head>
 <script type="text/javascript">
 
 function closebutton() {
	 var index = parent.layer.getFrameIndex(window.name);  
 	parent.layer.close(index);  
 }
 </script>
<body>
<jsp:useBean id="myDate" class="java.util.Date"/> 
	<form name="frm" id="frm" method="post" action="<%=basePath%>attendance/updateAttendance">
			<input type="hidden" id="id" name="id"  value="${atten.id }">
			<div id="content" class="span10" style="width: 100%;">
				<div class="row-fluid content-table">
					<table class="table table-striped table-bordered bootstrap-datatable">
					  <tbody>
						<tr>
							<td style="width:30%; text-align:right;">姓名：</td>
							<td style="text-align:left;">${atten.user.name }</td>
						</tr>
						<c:if test="${atten.starttime1 != null}">
							<tr>
								<td style="width:30%; text-align:right;">上班时间：</td>
								<td style="text-align:left;">
									<c:if test="${atten.starttime1 == null}">
										${atten.starttime1 } 
									</c:if>
									<c:if test="${atten.starttime1 != null}">
										<c:set target="${myDate}" property="time" value="${atten.starttime1 }"/> 
										<fmt:formatDate pattern="HH:mm" value="${myDate}" type="both"/> 
									</c:if>
								</td>
							</tr>
							<tr>
								<td style="width:30%; text-align:right;">考勤状态：</td>
								<td style="text-align:left;">
									<c:if test="${atten.results1 == 0}">正常</c:if>	
									<c:if test="${atten.results1 > 0}"><span style="color:#f33a39;">迟到</span></c:if>	
								</td>
							</tr>
						</c:if>
						<c:if test="${atten.endtime1 != null}">
							<tr>
								<td style="width:30%; text-align:right;">下班时间：</td>
								<td style="text-align:left;">
									<c:if test="${atten.endtime1 == null}">
										${atten.endtime1 } 
									</c:if>
									<c:if test="${atten.endtime1 != null}">
										<c:set target="${myDate}" property="time" value="${atten.endtime1 }"/> 
										<fmt:formatDate pattern="HH:mm" value="${myDate}" type="both"/> 
									</c:if>
								</td>
							</tr>
							<tr>
								<td style="width:30%; text-align:right;">考勤状态：</td>
								<td style="text-align:left;">
									<c:if test="${atten.results2 == 0}">正常</c:if>	
									<c:if test="${atten.results2 > 0}"><span style="color:#f33a39;">早退</span></c:if>	
								</td>
							</tr>
						</c:if>
						<c:if test="${atten.starttime2 != null}">
							<tr>
								<td style="width:30%; text-align:right;">上班时间：</td>
								<td style="text-align:left;">
									<c:if test="${atten.starttime2 == null}">
										${atten.starttime2 } 
									</c:if>
									<c:if test="${atten.starttime2 != null}">
										<c:set target="${myDate}" property="time" value="${atten.starttime2 }"/> 
										<fmt:formatDate pattern="HH:mm" value="${myDate}" type="both"/> 
									</c:if>
								</td>
							</tr>
							<tr>
								<td style="width:30%; text-align:right;">考勤状态：</td>
								<td style="text-align:left;">
									<c:if test="${atten.results3 == 0}">正常</c:if>	
									<c:if test="${atten.results3 > 0}"><span style="color:#f33a39;">迟到</span></c:if>	
								</td>
							</tr>
						</c:if>
						<c:if test="${atten.endtime2 != null}">
							<tr>
								<td style="width:30%; text-align:right;">下班时间：</td>
								<td style="text-align:left;">
									<c:if test="${atten.endtime2 == null}">
										${atten.endtime2 } 
									</c:if>
									<c:if test="${atten.endtime2 != null}">
										<c:set target="${myDate}" property="time" value="${atten.endtime2 }"/> 
										<fmt:formatDate pattern="HH:mm" value="${myDate}" type="both"/> 
									</c:if>
								</td>
							</tr>
							<tr>
								<td style="width:30%; text-align:right;">考勤状态：</td>
								<td style="text-align:left;">
									<c:if test="${atten.results4 == 0}">正常</c:if>	
									<c:if test="${atten.results4 > 0}"><span style="color:#f33a39;">早退</span></c:if>	
								</td>
							</tr>
						</c:if>
						<c:if test="${atten.starttime3 != null}">
							<tr>
								<td style="width:30%; text-align:right;">上班时间：</td>
								<td style="text-align:left;">
									<c:if test="${atten.starttime3 == null}">
										${atten.starttime3 } 
									</c:if>
									<c:if test="${atten.starttime3 != null}">
										<c:set target="${myDate}" property="time" value="${atten.starttime3 }"/> 
										<fmt:formatDate pattern="HH:mm" value="${myDate}" type="both"/> 
									</c:if>
								</td>
							</tr>
							<tr>
								<td style="width:30%; text-align:right;">考勤状态：</td>
								<td style="text-align:left;">
									<c:if test="${atten.results5 == 0}">正常</c:if>	
									<c:if test="${atten.results5 > 0}"><span style="color:#f33a39;">迟到</span></c:if>	
								</td>
							</tr>
						</c:if>
						<c:if test="${atten.endtime3 != null}">
							<tr>
								<td style="width:30%; text-align:right;">下班时间：</td>
								<td style="text-align:left;">
									<c:if test="${atten.endtime3 == null}">
										${atten.endtime3 } 
									</c:if>
									<c:if test="${atten.endtime3 != null}">
										<c:set target="${myDate}" property="time" value="${atten.endtime3 }"/> 
										<fmt:formatDate pattern="HH:mm" value="${myDate}" type="both"/> 
									</c:if>
								</td>
							</tr>
							<tr>
								<td style="width:30%; text-align:right;">考勤状态：</td>
								<td style="text-align:left;">
									<c:if test="${atten.results6 == 0}">正常</c:if>	
									<c:if test="${atten.results6 > 0}"><span style="color:#f33a39;">早退</span></c:if>	
								</td>
							</tr>
						</c:if>
						<tr class="content-search" style="text-align: center;">
							<td colspan="2" style="width:100%;">
								<div>
									<button style="background-color:#f55353;" type="button" onclick="closebutton();" id="output1">关闭</button>
									<button class="but" id="output">修改正常</button>
								</div>
							</td>
						</tr>
					  </tbody>
				  </table>            
				</div>	
			</div>
	</form>
</body>
</html>
